<template>
    <div class="risk-compliance-main">
        <FawaBanner
            url="/riskCompliance/cover-img.png"
            title="Risk Management and Compliance Statement" />
        <div class="risk-body">
            <div
                id="marketBox"
                class="rist-content-box">
                <FawaTitle
                    class="risk-title"
                    title="Market and Liquidity Risk" />
                <div class="risk-text">
                    In any emerging financial ecosystem, market fluctuations are an inevitable reality. The sector where FAWA operates is even more so, being a field that is both full of opportunities and accompanied by risks. The value of the token may fluctuate significantly due to the cyclical shocks of the global economy, or it may fail to support daily payment and governance needs due to insufficient liquidity.
                </div>
                <div class="risk-text">
                    Imagine this scenario: a female entrepreneur in Southeast Asia prepares to make a cross-border payment using FAWA Token, but due to insufficient trading depth, she incurs additional slippage costs. This not only diminishes her usage experience but also affects the creditworthiness of the ecosystem to the outside world. If such problems are magnified, it may weaken the actual functionality of the token within the ecosystem.
                </div>
                <div class="risk-text">
                    <div>To mitigate this risk, FAWA will employ multiple measures:</div>
                    <div>
                        Deploy on compliant exchanges globally to ensure users can easily acquire Tokens anytime;
                    </div>
                    <div>
                        Collaborate with professional market - makers to enhance market depth and trading stability.
                    </div>
                    <div>
                        Embed buyback and burn mechanisms into the token economic model to maintain dynamic balance between market supply and demand.
                    </div>
                </div>
                <div class="risk-text">
                    In other words, market and liquidity risks are not uncontrollable but need to be designed into the system's long-term logic. FAWA's goal is not to have the token driven up by short-term speculation but to allow it to gradually accumulate value through practical use cases in payment, governance, and assetization, weathering market storms.
                </div>
            </div>

            <div
                id="policyBox"
                class="rist-content-box">
                <FawaTitle
                    class="risk-title"
                    title="Policy and Regulatory Risk" />

                <div class="risk-text">
                    <div class="risk-sub-tit">Global Policy Trends</div>
                    <div>
                       The digital asset field remains in a rapidly evolving regulatory environment. Countries' attitudes towards Web3 vary significantly: some are actively open, providing virtual asset licenses and tax incentives; while others impose strict restrictions, even outright banning token trading. The regulatory uncertainty means that any global project needs to approach policy risks with caution.
                    </div>
                </div>
                <div class="risk-text">
                    <div class="risk-sub-tit">Regional Differences</div>
                    <div>
                        The United States and Europe: Tend to regard tokens as securities or financial instruments and strictly adhere to securities laws, KYC/AML (Know Your Customer/Anti - Money Laundering) regulations, and data protection laws.
                    </div>
                    <div>
                        The Middle East and Singapore: Actively enact digital asset-related regulations, providing licenses and regulatory frameworks to attract international projects.
                    </div>
                    <div>
                        Emerging Markets: In some countries, the crypto - regulatory system has not been fully established, leaving policy gaps or a possibility of tightening at any time.
                    </div>
                    <div>
                        These differences mean FAWA must make differentiated adjustments according to local laws when entering different regions, otherwise it may easily face compliance obstacles.
                    </div>
                </div>
                <div class="risk-text">
                    <div class="risk-sub-tit">Potential Risk Scenario</div>
                    <div>
                        Imagine this situation: FAWA promotes RWA digital assets in Europe, but because local regulators determine such products fall under securities category, operating without a license constitutes a violation. The result could be fines, product delisting, or even affecting the Token's circulation in the local market. Such risks not only impact finances but also damage brand reputation and user trust.
                    </div>
                </div>
                <div class="risk-text">
                    <div class="risk-sub-tit">FAWA's Response Strategy</div>
                    <div>
                        Multi-Location Compliance Structure: Rely on the Middle East region operating entity and Singapore Foundation to establish global compliance centers, and flexibly set up subsidiaries or partners based on regional policies.
                    </div>
                    <div>
                        Continuous Legal Auditing: Regularly engage third-party law firms for cross-border compliance audits, ensuring business and Token models comply with local laws.
                    </div>
                    <div>
                        Policy Foresight Research: Establish a compliance research team to track policy dynamics in various countries, preparing contingency plans before regulations land.
                    </div>
                    <div>
                        Communication with Regulators: Proactively maintain communication with governments and regulatory agencies, strive for policy pilot programs or sandbox qualifications, and reduce the risk of uncertainty.
                    </div>
                </div>
            </div>

            <div
                id="technicalBox"
                class="rist-content-two-box">
                <FawaTitle
                    class="risk-title"
                    title="Technology and Security Risk"
                    :text="RisksHintText" />

                <FawaList :list="risksList" />
            </div>

            <div
                id="logicBox"
                class="rist-content-two-box">
                <FawaTitle
                    class="risk-title"
                    title="Risk Control Logic"
                    :text="logicHintText" />

                <FawaList :list="logicList" />
            </div>
        </div>

        <div id="professionalBox">
            <FawaBottomBanner
                url="/riskCompliance/03.png"
                title="Professional Conclusion"
                :text="BottomBannerText" />
        </div>
    </div>
</template>

<script setup lang="ts">
    import { computed } from 'vue';
    const RisksHintText = `One of FAWA's core competencies lies in the stability and security of its technical architecture. But in the rapidly developing Web3 field, risks are often magnified. Based on the platform's nature, we categorize potential risks into three types: systemic risk, operational risk, and user-end risk.`;
    const logicHintText = `FAWA's response strategy is not point-based fixes but built on a closed-loop logic of "Prevention - Monitoring - Rapid Response":`;
    const BottomBannerText = `FAWA regards technical and security risks as a long - term systematic project. Only by integrating security into the governance logic and including it in the ecological incentives can it truly win the long - term trust of female users.`;

    const risksList = computed(() => [
        {
            icon: '/riskCompliance/coins-rotate.png',
            title: 'Systemic Risk',
            text: `
                <div>Involves the underlying blockchain, smart contracts, and cross-chain interaction. If there are logical vulnerabilities in smart contracts, it may lead to large - scale asset theft. In case a cross - chain bridge is attacked, it could even threaten the stability of the entire ecosystem.</div>
                <div>Strategic Response: Adopt a multi-chain compatible but loosely coupled architecture to reduce single-point dependence; core contracts undergo rotation audits by three or more international auditing firms.</div>
            `,
        },
        {
            icon: '/riskCompliance/globe-05.png',
            title: 'Operational Risk',
            text: `<div>These include instability of Depin nodes, bandwidth bottlenecks, and uneven distribution of computing power. If the network performance is insufficient, it will directly undermine the experiences of social interaction, asset blockchain - uploading, and governance.</div>
            <div>Strategic Response: Establish a "Women Node Incentive Pool" to encourage global female users to run lightweight nodes, both increasing participation and enhancing network resilience.</div>`,
        },
        {
            icon: '/riskCompliance/hexagon.png',
            title: 'User-End Risk',
            text: `<div>For female users, privacy and security are the most critical sensitive points. If DID identity or wallet private keys are leaked, it will cause irreversible loss of trust.</div>
            <div>Strategic Response: Introduce "multi-level privacy settings" in the DID design, allowing users to disclose information at graded levels; and ensure data is tamper-proof and untraceable through zero-knowledge proofs.</div>`,
        },
    ]);

    const logicList = computed(() => [
        {
            icon: '/riskCompliance/file-lock-02.png',
            title: 'Prevention',
            text: `Open source code, regular audits, bug bounty programs.`,
        },
        {
            icon: '/riskCompliance/tv.png',
            title: 'Monitoring',
            text: `Real-time on-chain monitoring and abnormal transaction alerts.`,
        },
        {
            icon: '/riskCompliance/target-01.png',
            title: 'Rapid Response',
            text: `Emergency freeze and DAO community voting recovery mechanisms.`,
        },
    ]);
</script>

<style scoped lang="scss">
    // 导入响应式 mixins
    @use '@/styles/mixins/responsive' as *;

    .risk-compliance-main {
        text-align: initial;
        .risk-body {
            background-color: #ffffff;
            .rist-content-box,
            .rist-content-two-box {
                max-width: pxToRem(1432);
                padding: pxToRem(156) pxToRem(95);
                box-sizing: border-box;
                margin: 0 auto;
                .risk-title {
                    font-family: 'SFProDisplayBlack';
                    font-size: pxToRem(60);
                    margin-bottom: pxToRem(82);
                    text-align: center;
                }
                .risk-text {
                    font-family: 'SFProDisplayLight';
                    font-size: pxToRem(28);
                    color: rgba(0, 0, 0, 0.7);
                    &:not(:last-child) {
                        margin-bottom: pxToRem(30);
                    }
                    .risk-sub-tit {
                        font-family: 'Montserrat', sans-serif;
                        font-weight: bold;
                        color: #000000;
                        margin-bottom: pxToRem(8);
                    }
                }
            }

            .rist-content-two-box {
                max-width: pxToRem(1564);
            }
        }

        .text-align-center {
            text-align: center;
        }
    }

    // 响应式设计 - 中等屏幕 (1024px及以下)
    @include tablet {
        .risk-compliance-main {
            .risk-body {
                .rist-content-box,
                .rist-content-two-box {
                    padding: pxToRem(80) pxToRem(95);
                }
            }
        }
    }

    // 响应式设计 - 平板端 (768px及以下)
    @include mobile {
        .risk-compliance-main {
            .risk-body {
                .rist-content-box,
                .rist-content-two-box {
                    padding: pxToRem75(100) pxToRem75(95);
                    .risk-title {
                        font-size: pxToRem75(60);
                        margin-bottom: pxToRem75(82);
                    }
                    .risk-text {
                        font-size: pxToRem75(28);
                        &:not(:last-child) {
                            margin-bottom: pxToRem75(30);
                        }
                    }
                }
            }
        }
    }
</style>
